@best-answer-badge-color: #58a400;
@best-answer-post-background: rgba(88, 164, 0, 0.23);

.Badge--bestAnswer {
  background-color: @best-answer-badge-color;
}

.Post-footer {
  .item-bestAnswerPost {
    padding: 10px;
    background-color: @best-answer-post-background;
    margin-top: 35px;
    border-radius: 5px;

    .Post-body {
      color: @text-color;
    }

    .PostUser-badges, .PostUser-avatar {
      display: none;
    }

    .Post--BestAnswer {
      margin-right: 0;

      a .icon {
        display: inline-block;
      }
    }
  }
}

.CommentPost {
  .Post-header > ul {
    position: relative;
  }
}

.Post--BestAnswer {
  background: @best-answer-badge-color;
  position: absolute;
  top: 0;
  right: 0;
  border: 0 none !important;
  border-radius: 5px;
  padding: 2px 5px;

  &, a {
    color: white;
  }

  .icon {
    margin-right: 5px;
  }

  .BestAnswer--User {
    margin-left: 7.5px;
    text-align: right;
    font-size: .9em;
  }
}

@media (max-width: 767px) {
  .Post--BestAnswer {
    .BestAnswer--User {
      display: none;
    }
  }
}

.Post-actions {
  .item-bestAnswer {
    .Button--primary {
      margin: 0px 10px;
    }
  }
}
